<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
   <title></title>
   <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=ABQIAAAABfEOGxAzfje6hPBY_qDiiBSfqhHulARE8dJ7-cT0beqFVPf8NxQwxY_26X7wtezxbTjtH5jZwthXVw&sensor=true"
           type="text/javascript"></script>
    <script language="javascript" src="../js/jquery.js"></script>
    <script language="javascript" src="../js/sub_mapinit.js"></script>
    <script language="javascript" src="../js/labeledmarker.js"></script>
    <script language="javascript" src="../js/zoneloader.js"></script>
    <script language="javascript" src="../js/szborder.js"></script>
    <script language="javascript" src="../js/pointloader.js"></script>
    <style>
    	* { font-size:12px; }
    </style>
 </head>
 
 <body onload="initialize();" onunload="GUnload()" style="margin:0px">
 	<script>
 		$(document).ready(function(){
 				
 			var width = $(document).width();
 			var height = $(document).height();
 			
 			var left = width / 2 - 100;
 			var top = height / 2 - 50;
 			
 			$("#loadingBar").css({"left":left,"top":top});
 			
 		});
 	</script>
 	<div id="loadingBar" style="float:left;z-index:1000;background-color:#ffffff;display:none;width:200px;height:50px;padding-left:10px;padding-top:10px;text-align:center;position:absolute;left:100px;top:100px">
 	<img src="../images/loading.gif" /><br />正在加载...
 	</div>
   <div id="map_canvas" style="width: 960px; height: 360px"></div>
 </body>
</html>
